<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../../css/index.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <!--  -->
  <section class="blog-category-container">
    <ul class="category-tabs-list">
      <li class="active" data-tabs="ALL">
        <a href="#">ALL</a>
      </li>
      <li data-tabs="Printed Circuit Boards"><a href="#">Printed Circuit Boards</a></li>
      <li data-tabs="Liquid Crystal Displays"><a href="#">Liquid Crystal Displays</a></li>
      <li data-tabs="Integrated Circuits"><a href="#">Integrated Circuits</a></li>
      <li data-tabs="Battery Materials"><a href="#">Battery Materials</a></li>
      <li data-tabs="Case Studies"><a href="#">Case Studies</a></li>
    </ul>
  </section>
  <section class="details-category-show-content">
    <!-- 最新板块 Blog -->
    <section class="latest-blog-content">

    </section>
    <!-- 剩余分类板块 -->
    <section class="blog-surplus-content">
      <div class="surplus-content-list">

      </div>
    </section>
  </section>
  <!-- 订阅 -->
  <section class="category-subscribe-content">
    <h1 class="category-subscribe-title">Subscribe Our Newsletter</h1>
    <form class="refDialogWrite" id="refDialogWrite" action="" method="post" enctype="multipart/form-data">
      <div class="form-content">
        <div class="form-item">
          <span class="form-item-label"><span style="color: #ff5858">*</span>Your Name </span>
          <div class="dm-item-input">
            <input type="text" name="consultingName" id="consultingName" />
          </div>
          <div class="error-message">Please enter your name</div>
        </div>
        <div class="form-item">
          <span class="form-item-label"><span style="color: #ff5858">*</span>Your Email </span>
          <div class="dm-item-input">
            <input type="email" name="email" id="email" />
          </div>
          <div class="error-message">Please enter your email</div>
        </div>
        <div class="form-item not-error-info">
          <div class="item-call-back">
            <input type="checkbox" name="checkbox" id="checkbox" checked="checked">
            <span class="call-tips">
              I agree to receiving marketing and promotional materials.
            </span>
          </div>
          <div class="google-verification">
            <div class="g-recaptcha" data-sitekey="6Ld2Y7AqAAAAAJSkpkIMDDM0bv0p6ypbtejaO_hc"></div>
          </div>
          <div class="required-prompt">
            <span class="required-prompt-text">INDICATES REQUIRED FIELD</span>
          </div>
        </div>

      </div>
    </form>
    <div class="subscribe-btn-container">
      <button class="dm-dialog-btn">Subscribe</button>
    </div>
  </section>

  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script defer src='https://www.google.com/recaptcha/api.js?hl=en-us'></script>
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  <script src="../../js/utils/dropdownOptions.js"></script>
  <script src="../../js/utils/enum.js"></script>
  <script src="../../js/utils/regExp.js"></script>
  <script src="../../js/utils/storage.js"></script>
  <script src="../../js/utils/index.js"></script>
  <script src="./index.js"></script>
</body>

</html>